<div class="hbox hbox-auto-xs hbox-auto-sm" ng-controller="buyLogController">
    <div class="col">
        <div class="bg-light lter b-b wrapper-md ng-scope">
            <h1 class="m-n font-thin h3">购买记录</h1>
        </div>
        <div class="wrapper-md">
            <div class="col-sm-12">
                <div class="panel panel-default" loading state="loading">
                    <div class="table-responsive" ng-if="list.length != 0">
                        <table class="table table-striped b-t b-light" style="margin-bottom: 0;">
                            <thead>
                            <tr>
                                <th width="140">购买时间</th>
                                <th width="380">套餐名称</th>
                                <th width="140">花费金额</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-repeat="item in list">
                                <td><span class="text-xs">{{item.created_at | date:'yyyy-MM-dd HH:mm'}}</span></td>
                                <td><span class="text-xs">{{item.name}}</span></td>
                                <td><span class="text-xs">{{item.level.cost}}</span></td>
                                <td>

                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="empty-panel empty-p-b" ng-if="list.length === 0">
                        <i class="icon icon-social-dropbox"></i>
                        <p>暂无数据</p>
                    </div>
                </div>
            </div>
            <footer>
                <div class="row">
                    <div class="col-sm-10 text-center">
                        <pagination boundary-links="true" total-items="totalItem" ng-model="currentPage" items-per-page="10" max-size="5" ng-change="getPage()" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                    </div>
                    <div class="col-sm-2 text-center">
                        跳转至 <input type="text" ng-model="currentPage" style="width: 50px;margin: 20px 0;" ng-change="getPage()"> 页
                    </div>
                </div>
            </footer>
        </div>
    </div>
</div>


